<template>
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M20.6216 15.8085C20.5438 15.7192 20.4675 15.6299 20.3926 15.5438C19.3622 14.3558 18.7388 13.6388 18.7388 10.2759C18.7388 8.53482 18.3018 7.10625 17.4405 6.03482C16.8054 5.2433 15.9469 4.64286 14.8154 4.19911C14.8008 4.19139 14.7878 4.18126 14.777 4.1692C14.37 2.87009 13.2562 2 12.0001 2C10.744 2 9.63071 2.87009 9.22371 4.16786C9.21285 4.17948 9.20002 4.18928 9.18577 4.19688C6.54519 5.23304 5.26189 7.22098 5.26189 10.2746C5.26189 13.6388 4.63945 14.3558 3.60813 15.5424C3.5332 15.6286 3.45685 15.7161 3.37911 15.8071C3.17828 16.038 3.05103 16.3189 3.01244 16.6165C2.97384 16.9141 3.02551 17.2161 3.16132 17.4866C3.4503 18.067 4.06618 18.4272 4.76918 18.4272H19.2362C19.9359 18.4272 20.5476 18.0674 20.8375 17.4897C20.9739 17.2191 21.0261 16.917 20.9878 16.619C20.9495 16.321 20.8224 16.0397 20.6216 15.8085Z"
      :fill="color" />
    <path
      d="M12.0001 22C12.6769 21.9995 13.3409 21.8244 13.9218 21.4932C14.5026 21.1621 14.9786 20.6873 15.2992 20.1192C15.3143 20.092 15.3218 20.0615 15.3209 20.0307C15.32 19.9999 15.3107 19.9699 15.294 19.9435C15.2773 19.9171 15.2538 19.8953 15.2256 19.8802C15.1975 19.865 15.1657 19.8571 15.1334 19.8571H8.86776C8.83541 19.857 8.80358 19.8649 8.77537 19.88C8.74716 19.8951 8.72354 19.9169 8.7068 19.9433C8.69005 19.9697 8.68077 19.9998 8.67984 20.0306C8.67891 20.0614 8.68637 20.0919 8.70149 20.1192C9.0221 20.6872 9.498 21.162 10.0787 21.4931C10.6595 21.8242 11.3234 21.9994 12.0001 22Z"
      :fill="color" />
  </svg>
</template>

<script setup lang="ts">
  interface Props {
    size?: number | string;
    color?: string;
    fill?: string;
    strokeWidth?: number | string;
    iconClass?: string;
  }

  withDefaults(defineProps<Props>(), {
    size: 24,
    color: '#7A7A7A',
    fill: 'none',
    strokeWidth: 1,
    iconClass: '',
  });
</script>
